<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Observe_site')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-observe_site" class="form-control" style="border: none;" value="{$row.observe_site|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Observe_time')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-observe_time" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" style="border: none;" value="{$row.observe_time}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Observe_goal')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-observe_goal" class="form-control" style="border: none;">{$row.observe_goal|htmlentities}</textarea>
        </div>
    </div>
    <div class="form-group">
        <label for="c-phenomenon" class="control-label col-xs-12 col-sm-2">{:__('Phenomenon')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-phenomenon" class="form-control hide" value="{$row.phenomenon|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-phenomenon" class="btn btn-danger faupload hide" data-input-id="c-phenomenon" data-mimetype="*" data-multiple="true" data-preview-id="p-phenomenon"><i class="fa fa-upload"></i>{:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-phenomenon" class="btn btn-primary fachoose hide" data-input-id="c-phenomenon" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-phenomenon"></span>
            </div>
            <ul class="row list-inline faupload-preview p-files" id="p-phenomenon"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Analysis')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-analysis" class="form-control" style="border: none;">{$row.analysis|htmlentities}</textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Measure')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-measure" class="form-control" style="border: none;">{$row.measure|htmlentities}</textarea>
        </div>
    </div>
    
</form>


<style>
    .p-files .btn.btn-danger.btn-xs.btn-trash {
        display: none;
    }
</style>
